<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>单站统计</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-datetimepicker.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/fileinput.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.form.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap-datetimepicker.zh-CN.js'></script>
  <script type="text/javascript" src='../static/js/common.js'></script>
  <script type="text/javascript" src='../static/js/messageContent.js'></script>
  <script type='text/javascript' src='../static/js/page.js'></script>
  <script type='text/javascript' src='../static/js/echarts.js'></script>
  <script type="text/javascript" src='../static/js/stationSingleKWHDay.js'></script>
  <script type='text/javascript' src='../static/table/stationSingleKWHDayTable.js'></script>
</head>
<body>
  <div class="ablosulteDiv">
	<div class="top">
		<h4 class="partTitle">
			当前位置: 充电记录 <span class="comSpanTitle">></span>单站统计
		</h4>
	</div>
	<div class="blueBorder"></div>
	<div class="scrollBody">
		<div class="partWhite paddingBottomTen" id="scrollHeight">
			<form class="form-horizontal" id="stationSingleKWHDaySearch">
		        <input id="page" name="page" value="1" hidden="hidden">
		        <input id="rows" name="rows" value="10" hidden="hidden">
		        <div class="form-group">
		        	<div class="col-md-3 col3ConditionAll">
			        	<label for="chargingStationID" class="col-sm-4 control-label partConditionTitle">充电站名称</label>
			            <div class="col-sm-8 partCondition">
			                <select id="chargingStationID" name="ChargingStationID" class="form-control" onchange='search()'>
			                  <option value="" selected="selected" onclick="search()">请选择</option>
			                </select>
			            </div>
		            </div>
		            <div class="col-md-3 col3ConditionAll">
			        	<label for="startChargingTime" class="col-sm-4 control-label partConditionTitle">开始时间</label>
			            <div id="startDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii" style="float: left;">
			                <input id="startChargingTime" name="startChargingTime" class="form-control" type="text" onchange="search()">
			                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
			                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
			            </div>
		            </div>
		            <div class="col-md-3 col3ConditionAll">
			            <label for="endChargingTime" class="col-sm-4 control-label partConditionTitle">结束时间</label>
			            <div id="endDate" class="col-sm-8 input-group date" data-date-format="yyyy-mm-dd hh:ii" style="float: left;">
			                <input id="endChargingTime" name="endChargingTime" class="form-control" type="text" onchange="search()">
			                <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
			                <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
			            </div>
		            </div>
		        </div>
		    </form>
		</div>
		<div id="contenter" hidden=true>
		<div class="partWhite paddingBottomTen">
			<div class="partTable">
		  	<div id="histogram" class="col-sm-10" style="height:400px;">
			  	</div>
			  	<label class="col-sm-2 control-label partConditionTitle">选择柱状图纵坐标:</label>
		        <div class="col-sm-2 partCondition" style="margin-bottom:40px">
		            <select id="selectAllList" name="selectAllList" class="form-control" onchange="changeEchart()">
		              <option value="chargingKWHTotalList" selected="selected">充电电量</option>
		              <option value="chargingCountTotalList">充电次数</option>
		              <option value="totalChargingDTTMList">充电时长</option>
		            </select>
		        </div>
		        <div class="col-sm-2" style="min-width:270px;'background-color:white;">
			        <label class="col-sm-12 control-label partConditionTitle">总充电量:</label>
			    	<label class="col-sm-12 control-label partConditionTitle" id="totalKWH" style="color:#09be09;font-size: 20px"></label><br>
			    	<label class="col-sm-12 control-label partConditionTitle">总充电次数:</label>
			    	<label class="col-sm-12 control-label partConditionTitle" id="totalCount" style="color:#01b2ac;font-size: 20px"></label><br>
			    	<label class="col-sm-12 control-label partConditionTitle">总充电时长:</label>
			    	<label class="col-sm-12 control-label partConditionTitle" id="totalTime" style="color:#fe902f;font-size: 20px"></label>
		    	</div>
			</div>
			<div class="comHtmlTitle"><span class="borBlue"></span>单站统计查询——列表
				<div class="partTable">
			      <table class="table table-hover" id="stationSingleKWHDayTable">
			          <thead id="stationSingleKWHDayThead">
			          </thead>
			          <tbody id="stationSingleKWHDayTbody">
			          </tbody>
			      </table>
			      <table class="table scrollTable" id="stationSingleKWHDayTable1" hidden="hidden">
       		      </table>
		    	</div>
			    <div class="partBtn" hidden=true>
				  <div class="partTurnPage">
			          <ul class="list-inline">
			              <li id="total"></li>
			              <li class="turnPage"></li>
			          </ul>
			      </div>
				</div>
			</div>
		</div>
		</div>
	</div>
  </div>
</body>
</html>
